<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
       'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
  <meta http-equiv='content-type' content='text/html;charset=UTF-8' />
  <title>Expendite</title>
  <%= stylesheet_link_tag 'style', 'uni-form', 'blue.uni-form', 'datatable', 'jquery-ui' %>
  <link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

  <script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-17135760-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

  </script>


  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <%= javascript_include_tag 'application', 'uni-form.jquery', 'datatables.min', 'jquery-ui.min' %>
</head>
<body>

<div id='everything'>	
	<div id='header'>
		<div id='logo'></div>
		<div id='menu'>

			<div class='menu-item' id='expenses'><%= link_to 'Expenses', :expenses, :class=>'link' %></div>
			<div class='menu-item' id='faq' style="display:none;"><%= link_to 'Chores', :faq, :class=>'link' %></div> 
			<div class='menu-item' id='faq'><%= link_to 'Feedback', :feedbacks, :class=>'link' %></div> 
			<div class='menu-item' id='faq'><%= link_to 'FAQ', :faq, :class=>'link' %></div> 



			<% if logged_in? %>
			<div class='menu-item' id='logout'><%= link_to 'Log Out', :logout %></div>
			<% else %>
			<div class='menu-item' id='login'><%= link_to 'Log In', :controller => 'session', :action => 'new' %></div>
			<% end %>
			

		</div>
	</div>
	<div id='content'>
		<div style="padding-bottom: 20px;">
			<% if(flash[:notice]) %>
				<div class="flash-notice"><%= image_tag('../images/silk/information.png', :class=>'icon') %> <%= flash[:notice] %></div>
			<% elsif(flash[:error]) %>
				<div class="flash-error"><%= image_tag('../images/silk/exclamation.png', :class=>'icon') %> <%= flash[:error] %></div>
			<% end %>
		</div>

		
		<%= yield %>

		<div class='clear'></div>
	</div>
	<div id='footer'>
	</div>
</div>
</body>
</html>
